#map {
    BACKGROUND: url(map2.png) no-repeat left top;
    FLOAT: left;
    WIDTH: 780px;
    HEIGHT: 560px
}
#map H1 {
    DISPLAY: block;
    FONT-WEIGHT: normal;
    POSITION: absolute;
    font-size: 12px;
}
.mapl A:link, A:visited {
    DISPLAY: block;
    BACKGROUND: url(maph1.gif) no-repeat;
    COLOR: #000;
    TEXT-DECORATION: none;
    BACKGROUND-POSITION: left 4px;
    padding: 5px 0;
    PADDING-LEFT: 22px;
}
.mapr A:link, A:visited {
    DISPLAY: block;
    BACKGROUND: url(maph1.gif) no-repeat;
    COLOR: #000;
    TEXT-DECORATION: none;
    BACKGROUND-POSITION: right 4px;
    padding: 5px 0;
    PADDING-RIGHT: 22px;
}
.mapl A:hover, A:active {
    DISPLAY: block;
    BACKGROUND: url(maph1.gif) no-repeat;
    COLOR: #ff0000
}
.mapr A:hover, A:active {
    DISPLAY: block;
    BACKGROUND: url(maph1.gif) no-repeat;
    COLOR: #ff0000
}
.mapr A:hover {
    BACKGROUND-POSITION: right bottom
}
.mapr A:active {
    BACKGROUND-POSITION: right bottom
}
.mapl A:hover {
    BACKGROUND-POSITION: left bottom;
}
.mapl A:active {
    BACKGROUND-POSITION: left bottom;
}
h1 span {
    color: red;
    font-size: 24px;
    text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 3px;
}

.add{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 0px;
    BACKGROUND: url(add.png) no-repeat left top;
    WIDTH: 30px;
    HEIGHT: 24px;
}